<template>
  <div>
    <Swiper />
    <Gird />
    <div class="Home_box"></div>
    <Bargaining />
    <div class="Home"></div>
    <Project />
    <div class="Home"></div>
    <Recommend/>
  </div>
</template>
<script>
import Gird from "../components/girdData/Gird";
import Swiper from "../components/Swipe/Swipe";
import Bargaining from "../components/Bargaining/Bargaining";
import Project from "../components/Project/Project";
import Recommend from '../components/Recommend/Recommend'
export default {
  components: {
    Swiper,
    Gird,
    Bargaining,
    Project,
    Recommend
  },
  data() {
    return {};
  },
};
</script>
<style scoped>
.Home_box {
  width: 100%;
  height: 1.5rem;
  margin-top: 3rem;
  background-color: rgb(245, 245, 245);
}
.Home {
  width: 100%;
  height: 1rem;
  background-color: rgb(245, 245, 245);
}
</style>
